﻿<Window x:Class="SLA.PlayWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:k="http://schemas.microsoft.com/kinect/2013"
        xmlns:mui="http://firstfloorsoftware.com/ModernUI"
        WindowState="Maximized"
        WindowStyle="None"
        Title="Sign Language Aloud" Icon="Images/Icon.ico" Width="1275" Height="740" KeyDown="PlayWindow_KeyDown">
    <!--1185-->
    <Window.Background>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFE1E0FF" Offset="1"/>
            <GradientStop Color="White" Offset="0.9"/>
        </LinearGradientBrush>
    </Window.Background>
    <k:KinectRegion x:Name="kinectRegion" IsCursorVisible="True" RenderTransformOrigin="0.5,0.5">
    	<k:KinectRegion.RenderTransform>
    		<TransformGroup>
    			<ScaleTransform/>
    			<SkewTransform/>
    			<RotateTransform/>
    			<TranslateTransform/>
    		</TransformGroup>
    	</k:KinectRegion.RenderTransform>
    	<VisualStateManager.VisualStateGroups>
    		<VisualStateGroup x:Name="VisualStateGroup">
    			<VisualStateGroup.Transitions>
    				<VisualTransition GeneratedDuration="0:0:0.5">
    					<VisualTransition.GeneratedEasingFunction>
    						<CircleEase EasingMode="EaseInOut"/>
    					</VisualTransition.GeneratedEasingFunction>
    				</VisualTransition>
    			</VisualStateGroup.Transitions>
    			<VisualState x:Name="Normal"/>
    			<VisualState x:Name="Main">
    				<Storyboard>
    					<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="kinectRegion">
    						<EasingDoubleKeyFrame KeyTime="0" Value="-1280"/>
    					</DoubleAnimationUsingKeyFrames>
    				</Storyboard>
    			</VisualState>
    		</VisualStateGroup>
    	</VisualStateManager.VisualStateGroups>
        <Grid HorizontalAlignment="Center" VerticalAlignment="Top" Margin="5">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <k:KinectTileButton Grid.Column="0" Margin="10" x:Name="btnBack" Click="btnBack_Click" Background="{x:Null}" Foreground="#FF007EFF" Height="75" Width="Auto" VerticalAlignment="Top" BorderBrush="{x:Null}" >
                <Image Source="Images/Back.png" Width="66" Height="66" HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </k:KinectTileButton>
            <!--<Image x:Name="btnBack" Grid.Column="0" Margin="10" Source="Images/Back.png" Width="48" Height="48" HorizontalAlignment="Left" VerticalAlignment="Top" MouseLeftButtonDown="btnBack_MouseLeftButtonDown"/>-->
            <StackPanel Width="320" Grid.Column="1">
                <Image Margin="10" Source="Images/SLA.png"/>
                <TextBox TabIndex="1" Grid.Row="1" Grid.Column="1" Height="180" x:Name="txtGestures" Margin="5" TextWrapping="Wrap" FontSize="28" VerticalAlignment="Top"/>
                <k:KinectTileButton x:Name="btnPlay" Margin="5" Click="btnPlay_Click" Height="110" Width="Auto" Background="#FFC5C4D2" Foreground="#FF007EFF">
                    <Grid VerticalAlignment="Center">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <Image Grid.Column="0" Margin="5" Source="Images/Play.png" Width="36" Height="36" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        <TextBlock Grid.Column="1" Margin="5" Text="Reproducir" HorizontalAlignment="Right" VerticalAlignment="Center" Foreground="#FF000000" FontSize="28"/>
                    </Grid>
                </k:KinectTileButton>
                <!--<Button x:Name="btnPlay" Margin="5" Click="btnPlay_Click" Visibility="Visible" Height="58" Width="Auto" Background="#FFC5C4D2" HorizontalContentAlignment="Left">
                    <Grid HorizontalAlignment="Left" VerticalAlignment="Center">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <Image Grid.Column="0" Margin="5" Source="Images/Play.png" Width="36" Height="36" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        <TextBlock Grid.Column="1" Margin="5" TextWrapping="Wrap" Text="Reproducir" HorizontalAlignment="Right" VerticalAlignment="Center" Foreground="Black" FontSize="28"/>
                    </Grid>
                </Button>-->
            </StackPanel>
            <Grid Grid.Column="2" Margin="20">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <StackPanel Grid.Row="0" Background="#FFe1e0ff" Orientation="Vertical" Margin="5">

                    <StackPanel Orientation="Horizontal" Height="10" HorizontalAlignment="Left">
                        <Rectangle Fill="White" Height="5" Width="5" Margin="2.5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,5,0,0"></Rectangle>
                    </StackPanel>
                    <Canvas x:Name="canvas" Height="480" Width="640" Margin="5" Background="#FFFFFFFF" ClipToBounds="True"/>
                    <StackPanel Orientation="Horizontal" Height="10" HorizontalAlignment="Left">
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>

                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                        <Rectangle Fill="White" Height="5" Width="5" Margin="5,0,0,5"></Rectangle>
                    </StackPanel>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <StackPanel Orientation="Vertical" Grid.Column="0" Margin="10">
                            <TextBlock x:Name="lblRepetirGesto" Margin="10" TextWrapping="Wrap" FontSize="22" Text="Veces repetir Gesto" Foreground="#FF000000"/>
                            <Slider x:Name="sdrGesto" Margin="5" Minimum="1" Maximum="10" AutoToolTipPlacement="BottomRight"/>
                        </StackPanel>
                        <StackPanel Orientation="Vertical" Grid.Column="1" Margin="10">
                            <TextBlock x:Name="lblRepetirGestos" Margin="10" TextWrapping="Wrap" FontSize="22" Text="Veces repetir los Gestos" Foreground="#FF000000"/>
                            <Slider x:Name="sdrGestos" Margin="5" Minimum="1" Maximum="10" AutoToolTipPlacement="BottomRight"/>
                        </StackPanel>
                    </Grid>
                </StackPanel>
                <!--<StackPanel Grid.Row="0" Orientation="Horizontal" VerticalAlignment="Bottom" Panel.ZIndex="1" HorizontalAlignment="Center" >
                    <Canvas x:Name="canvasFrame0" Width="100" Height="100" Margin="5"/>
                    <Canvas x:Name="canvasFrame19" Width="100" Height="100" Margin="5"/>
                    <Canvas x:Name="canvasFrame38" Width="100" Height="100" Margin="5"/>
                </StackPanel>-->
            </Grid>
        </Grid>
    </k:KinectRegion>
</Window>